<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="templates/commonLayout.xhtml">
	<ui:define name="content">
		<center>
			<h:form id="frmBuscarHorarios">
				<p:panel header="Actualizar Horario">

					<!-- FILTROS -->
					Buscar Horarios por Escenario
					<h:panelGrid columns="4" cellpadding="2">
						<h:outputLabel id="oupCboCicloAcademico"
							value="#{msjs.cicloAcademico}" />
						<h:selectOneMenu id="cboCicloAcademico"
							value="#{HORARIO.cicloAcademicoSeleccionado}"
							styleClass="inputText">
							<f:selectItem itemValue="0"
								itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboCicloAcademico"
								value="#{HORARIO.ciclosAcademicos}"></f:selectItems>
						</h:selectOneMenu>
						<h:outputLabel id="oupNombre" value="#{msjs.nombre}" />
						<h:inputText id="txtNombre" value="#{HORARIO.nombre}"></h:inputText>

						<h:outputLabel id="oupCboEstado" value="#{msjs.estado}" />
						<h:selectOneMenu id="cboEstado"
							value="#{HORARIO.estadoSeleccionado}" styleClass="inputText">
							<f:selectItem itemValue="" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboEstado" value="#{estadosHorario}"></f:selectItems>
						</h:selectOneMenu>

						<h:commandButton id="btnBuscar" value="#{msjs.btnBuscar}" type="submit" action="#{HORARIO.buscarHorarios}" />
					</h:panelGrid>

					<!-- RESULTADOS DE LA BÚSQUEDA -->
					<p:dataTable id="dtbEscenario" var="hor"
						value="#{HORARIO.horarios}" paginator="true"
						first="#{HORARIO.desde}" rows="#{HORARIO.cantidad}"
						rowKey="#{hor.horarioId}"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15"
						lazy="true"
						selection="#{HORARIO.horarioSeleccionado}"
						selectionMode="single">
						<p:ajax event="rowSelect" oncomplete="pnlSesionesLectivas.Show()" />
						<f:facet name="header">
								Resultados de la búsqueda
						</f:facet>
						<p:column headerText="#{msjs.cicloAcademico}" style="width:100px">
							#{hor.escenario.cicloacademico.semestre}
						</p:column>
						<p:column headerText="#{msjs.nombre}" style="width:150px">
							#{hor.escenario.nombre}
						</p:column>
						<p:column headerText="#{msjs.fechaEjecucion}" style="width:80px">
							<h:outputLabel value="#{hor.fechaGeneracion}">
								<f:convertDateTime pattern="dd.MM.yyyy"></f:convertDateTime>
							</h:outputLabel>
						</p:column>
						<p:column headerText="#{msjs.estado}" style="width:100px">
							#{hor.estado}
						</p:column>
						<p:column style="width:20px">  
							<p:commandLink  update=":frmBuscarHorarios" title="Ver detalle" action="#{HORARIO.verDetalleHorario()}" styleClass="ui-icon ui-icon-search">  
								<f:setPropertyActionListener value="#{hor}" target="#{HORARIO.horarioSeleccionado}" />  
							</p:commandLink>  
						</p:column>						
					</p:dataTable>

					<f:facet name="footer">
						<h:commandButton id="btnVerSesiones" value="Ver Detalle"
							type="submit" action="#{ESCENARIO.verDetalleHorario()}" />
					</f:facet>
				</p:panel>

			</h:form>
		</center>
	</ui:define>
</ui:composition>
</html>